﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <!--默认高速模式-->
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/bootstrap-theme.css" rel="stylesheet">
    <link href="css/bootstrap-combobox.css" rel="stylesheet">
    <link rel="stylesheet" href="css/font-awesome.css">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style type="text/css">
        .help-inline {
            display: inline-block;
            padding-left: 5px;
            color: #737373;
        }
    </style>
</head>
<body>
    <h1>你好，世界！</h1>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.js"></script>
    <script src="js/bootstrap-combobox.js"></script>
    <div class="    container ">
        <div class="well col-md-4 ">
            <div class="row">
                <div class="col-lg-6">
                    <div class="input-group">
                        <div class="input-group-btn ">
                            <button type="button" class="btn btn-default dropdown-toggle"
                                data-toggle="dropdown">
                                Action<span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu">...</ul>
                        </div>
                        <input type="text" class="form-control">
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="input-group ">
                        <input type="text" class="form-control">
                        <div class="input-group-btn ">
                            <button type="button" class="btn btn-default dropdown-toggle"
                                data-toggle="dropdown">
                                Action<span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu pull-right">
                                <!-- 这里使用了pull-right，以便可以右对齐 -->
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="clearfix  "></div>
    <div class="well col-md-4">
        <div class="panel panel-default panel-primary">
            <div class="panel-heading ">面板header</div>
            <div class="panel-body">

                <form class="form-inline">
                    <div class="form-group">
                        <label class="sr-only" >Email address</label>
                                        <select class="combobox">

                    <option value="PA">Pennsylvania</option>
                    <option value="CT">Connecticut</option>
                    <option value="NY">New York</option>
                    <option value="MD">Maryland</option>
                    <option value="VA">Virginia</option>
                </select>
                    </div>
                    <div class="form-group">
                        <label class="sr-only" for="exampleInputPassword3">Password</label>
                        <input type="password" class="form-control" id="exampleInputPassword3" placeholder="Password">
                    </div>
                    <div class="form-control checkbox">
                        <label>
                            <input type="checkbox">
                            Remember me
                        </label>
                    </div>
                    <button type="submit" class="btn btn-default">Sign in</button>
                </form>

            </div>
            <div class="panel-footer">面板footer</div>
        </div>
    </div>
    <div class="well col-md-4 form-group has-success">
        <label class="control-label" for="inputSuccess2">Input with success</label>
        <button>xxxx</button>
        <button>xxxx</button>
    </div>
</body>
</html>
